<template>
	<view>
		<view class="">
			<seachss></seachss>
		</view>
		<view class="diaoyu" @click="jlbDetail" v-for="item of 3" :key="">
			<view class="le">
				<image src="../../static/logo.png" mode=""></image>
			</view>
			<view class="rig">
				<view class="jlb">钓鱼岛二哥垂钓俱乐部</view>
				<view class="lei">
					<view class="ly">路亚</view>
					<view class="td">台钓</view>
					<view class="kzs" style="background-color: #FFEFEA; width: 87rpx; color: #F67A4F;">可住宿</view>
				</view>
				<view class="jl">
					<image src="../../static/dingwei01.png" mode=""></image>
					<span>四川省成都市双流区安中路100米</span>
				</view>
				<view class="yu">
					<span style="color: #333333;">鱼种：</span>草鱼、鲤鱼、草鱼、青鱼100米
				</view>
				<view class="sf">
					收费：150/天
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			jlbDetail(){
				uni.navigateTo({
					url:('/pages/index/jlbDetail')
				})
			}
		}
	}
</script>

<style lang="scss">
	.diaoyu{
		display: flex;
		// justify-content: space-between;
	}
	.le{
		margin: 36rpx 20rpx;
		image{
			width: 200rpx;
			height: 160rpx;
			margin-right: 10rpx;
		}
	}
	.rig{
		margin: 20rpx ;
		font-weight: 500;
		font-size: 24rpx;
		color: #666666;
	}
	.jlb{
		font-weight: bold;
		font-size: 29rpx;
		color: #333333;
	}
	.lei{
		display: flex;
		margin-top: 27rpx;
		>view{
			margin-right: 16rpx;
			width: 67rpx;
			height: 30rpx;
			background: #E0EEFF;
			border-radius: 4rpx;
			// width: 67rpx;
			// height: 30rpx;
			text-align: center;
			line-height: 30rpx;
		}
	}
	.jl{
		margin: 25rpx 0;
		
		image{
			width: 18rpx;
			height: 23rpx;
		}
	}
	.sf{
		font-weight: bold;
		font-size: 27rpx;
		color: #F01B1B;
		margin-top: 27rpx;
		// margin-bottom: 30rpx;
	}
</style>
